<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<!-- 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。  -->
		<img src="image/01.jpg" class="img-responsive" alt="Responsive image">
		<hr>
		<img src="image/02.png" alt="rounded" class="img-responsive img-rounded"> <img
			src="image/03.jpg" alt="rounded" class="img-responsive img-rounded"> <img
			src="image/04.jpg" alt="thumbnail" class="img-responsive img-thumbnail">
	</div>
	<script src="bootstrap/js/jquery-2.1.4.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>